<template>
  <div class="page-card verify-data verify-data2">
    <h-query :showKey="['title', 'startTime,endTime']" :query="query" @search="search">
      <a-checkbox v-if="id == '5838747468921223136'" v-model="showToday" style="transform: translate(100px, -26px);" @change="showTodayApi">只看今天和昨天</a-checkbox>
      <a-button v-if="id == '5838747468921223136'" type="primary" class="a-button-right" style="margin: 50px 0 0 0;margin-top: 100px" @click="save('today')">导出今⽇数据</a-button>
      <a-button v-if="id == '5838747468921223136'" class="exports" style="position: absolute;right: 130px;top:100px;" @click="writeEventInfo">导出搜索结果</a-button>
    </h-query>
    <a-button @click="ExportTemplate" v-if="id !== '5838747468921223136'">全部导出</a-button>
    <br><br>
    <h-ccard shadow>
      <h-table
        ref="htable"
        @init="getList"
        :config="config"
        :scroll="{ x: 'calc(900px + 50%)' }">
        <span slot="order" slot-scope="{index}">
          {{ index + 1 }}
        </span>
        <span slot="textLink" slot-scope="{text, record}">
          <span style="text-align: left;" >
            <a v-if="id === '5838747468921223136' && record.consensusId" :href="record.textLink" target="_blank">
              <div>
                <a-tooltip>
                  <div slot="title">
                    {{ text | htmlFilter }}
                  </div>
                  <div v-html="formatLink(text)"></div>
                </a-tooltip>
              </div>
              <div>{{ record.textLink }}</div>
            </a>
            <div v-else>
              <div style="text-align: left;">
                <a-tooltip>
                  <div slot="title">
                    {{ text | htmlFilter }}
                  </div>
                  <div v-html="formatLink(text)"></div>
                </a-tooltip>
              </div>
            </div>
          </span>
        </span>
        <div slot="onlineResponse" slot-scope="{text}">
          <!-- <span :title="text | htmlFilter">{{ (text && (text.substring(0, 20) + '...')) | htmlFilter }}</span> -->
          <div style="text-align: left;">
            <a-tooltip>
              <div slot="title">
                {{ text | htmlFilter }}
              </div>
              <div v-html="formatLink(text)"></div>
            </a-tooltip>
          </div>
        </div>
        <div class="ellipsis-2" slot="titles" slot-scope="{text}">
          <a-tooltip>
            <div slot="title">
              {{ text | htmlFilter }}
            </div>
            {{ text | htmlFilter }}
          </a-tooltip>
        </div>
        <span slot="img" slot-scope="{text, record}">
          <p style="text-align: left;" v-if="text">
            图片: <a :href="text" target="_blank">{{ text }}</a>
          </p>
          <p style="text-align: left;" v-if="record.link">
            视频: <a :href="record.link" target="_blank">{{ record.link }}</a>
          </p>
          <!-- <viewer :images="[text]" v-if="text">
            <img :src="text" width="20px" height="20px" style="object-fit: cover" alt="">
          </viewer>
          <div v-else>
            无图片
          </div> -->
        </span>
        <div slot="address" slot-scope="{text}">
                    {{ text.toString() }}
                  </div>
                  <div slot="img2" slot-scope="{text, record}" style="display:flex">
                    <viewer :images="[record.img]" v-if="text">
                      <img :src="text" width="90px" height="90px" style="object-fit: cover" alt="">
                    </viewer>
                    <div v-else>
                      无图片
                    </div>
                    {{record.link}}
                  </div>
        <!-- <span slot="link" slot-scope="{text}">
          <a :href="text" target="_blank">查看视频</a>
        </span> -->
        <div slot="dutyStatus" slot-scope="{text}">
          {{ text == 1 ? '未上报' : '已上报' }}
        </div>
        <div slot="departs" slot-scope="{text}">
          <div>{{ (text || []).join('，') }}</div>
        </div>
        <div slot="replys" slot-scope="{record}">
          <div class="scroll-y" style="max-height: 200px;">
            <div v-for="(value, key) in deptGroup((record.departContents || []))" :key="key">
              <a-card style="text-align: left;margin-bottom: 8px;" size="small" :title="key">
                <div class="e-ask" v-for="el in value" :key="el.id">
                  <div>指令：{{ el.askContent }}</div>
                  <div>回复：{{ el.replyContent }}</div>
                </div>
              </a-card>
            </div>
          </div>
          <!-- <template v-if="record.departContents && record.departContents.length > 1">
            <a v-if="!record.more" @click="record.more = true">显示更多</a>
            <a v-else @click="record.more = false">隐藏</a>
          </template> -->
          <!-- <p>问题：{{ record.askContent }}</p>
          <p>回复：{{ record.replyContent }}</p> -->
        </div>
        <span slot="action" slot-scope="{text, record}">
          <div style="display: flex;align-items: center;justify-content: center;">
            <a @click="look(record)" v-if="record.eventId">查 看</a>

            <UploadImageMutil v-if="id === '5838747468921223136'" type="button" ref="image" :length="100" @getUrl="changeURL($event, record.id, record)" >
              <a-button slot="btn" type="link" :loading="record.loadingImage">上传图片</a-button>
            </UploadImageMutil>
          </div>
          <!-- <a-divider type="vertical"></a-divider> -->
          <!-- <a class="red" @click="remove(record)">删 除</a> -->
        </span>
      </h-table>
    </h-ccard>
    <!-- <Historys ref="history" v-show="!isSearch && id == '5838747468921223136'" hidden /> -->
  </div>
</template>

<script>
// eslint-disable-next-line no-unused-vars
// import { getHistory, delHistory, address, writeEventInfo } from '@/api/serve';
import { queryDepart } from '@/api/dept';
import { getHistory, delHistory, address, writeEventInfo, addBeOnDuty, updateEventImg } from '@/api/serve';
// import { deptList } from '@/api/dept';
import UploadImageMutil from '@/components/UploadImageMutil';
import Historys from './Index.vue';
import { ExportTemplate } from '@/api/dutyTime';
import moment from 'moment';
import cloneDeep from 'lodash/cloneDeep';
import groupBy from 'lodash/groupBy';
import { removeHTMLTags } from '@/utils/common';

const columns = {
  // 每日值班舆情及处置情况一览表
  '5838747468921223136': [
      {
        align: 'center',
        title: '序号',
        dataIndex: 'index',
        scopedSlots: { customRender: 'index' }
      },
      {
        align: 'center',
        title: '日期',
        dataIndex: 'createTime'
      },
      {
        align: 'center',
        title: '舆情文字+链接',
        dataIndex: 'title',
        width: 320,
        scopedSlots: { customRender: 'textLink' }
      },
      // {
      //   align: 'center',
      //   title: '图片/视频',
      //   dataIndex: 'img',
      //   scopedSlots: { customRender: 'img' },
      //   width: 300
      // },
      // {
      //   align: 'center',
      //   title: '视频',
      //   dataIndex: 'link',
      //   scopedSlots: { customRender: 'link' }
      // },
      {
        align: 'center',
        title: '来源',
        dataIndex: 'source'
      },
      {
        align: 'center',
        title: '类别',
        dataIndex: 'category'
      },
      {
        align: 'center',
        title: '属地',
        dataIndex: 'territory'
      },
      {
        align: 'center',
        title: '部门/地区',
        dataIndex: 'depart',
        scopedSlots: { customRender: 'depart' }
      },
      // {
      //   align: 'center',
      //   title: '反馈情况',
      //   dataIndex: 'replys',
      //   width: 300,
      //   scopedSlots: { customRender: 'replys' }
      // },
      {
        align: 'center',
        title: '操作',
        dataIndex: 'action',
        scopedSlots: { customRender: 'action' },
        width: 160
        // fixed: 'right'
      }
    ],
    // 网上舆情信息表
  '5831651651651248516': [
      {
        align: 'center',
        title: '序号',
        dataIndex: 'index',
        scopedSlots: { customRender: 'index' }
      },
      // {
      //   align: 'center',
      //   title: '热点问题',
      //   dataIndex: 'hotInformation',
      //   scopedSlots: { customRender: 'hotInformation' }

      // },
      // {
      //   align: 'center',
      //   title: '舆情风险',
      //   dataIndex: 'publicOpinionRisk',
      //   scopedSlots: { customRender: 'publicOpinionRisk' }

      // },
      // {
      //   align: 'center',
      //   title: '工作建议',
      //   dataIndex: 'workProposal',
      //   scopedSlots: { customRender: 'workProposal' }

      // },
      {
        align: 'center',
        title: '类别',
        dataIndex: 'category',
        width: 120

      },
      {
        align: 'center',
        title: '区域',
        dataIndex: 'address',
        width: 120

      },
      {
        align: 'center',
        title: '信息来源',
        dataIndex: 'img',
        width: 250,
        scopedSlots: { customRender: 'img2' }
      },
      {
        align: 'center',
        title: '网上反应内容',
        dataIndex: 'onlineResponse',
        scopedSlots: { customRender: 'onlineResponse' },
        width: 250
        // ellipsis: true
      },
      // {
      //   align: 'center',
      //   title: '信息来源',
      //   dataIndex: 'source'
      // },
      {
        align: 'center',
        title: '办理情况',
        dataIndex: 'dealWithSituation'
      },
      {
        align: 'center',
        title: '反馈结果',
        dataIndex: 'feedbackResults'
      },
      // {
      //   align: 'center',
      //   title: '单位评分',
      //   dataIndex: 'depart'
      // },
      {
        align: 'center',
        title: '时间',
        dataIndex: 'recordDate'
      },
      {
        align: 'center',
        title: '操作',
        dataIndex: 'action',
        scopedSlots: { customRender: 'action' }
      }
    ],
  // 浙江省每周地市网络舆情分险点报送表
  '5838744128921248516': [
      {
        align: 'center',
        title: '序号',
        dataIndex: 'order',
        scopedSlots: { customRender: 'order' }
      },
      {
        align: 'center',
        title: '风险点',
        dataIndex: 'riskPoint'
      },
      {
        align: 'center',
        title: '事项',
        dataIndex: 'matters'
      },
      {
        align: 'center',
        title: '分析研判',
        dataIndex: 'analysisJudge'
      },
      {
        align: 'center',
        title: '报送人',
        dataIndex: 'createBy'
      },
      {
        align: 'center',
        title: '报送单位',
        dataIndex: 'depart'
      },
      {
        align: 'center',
        title: '报送时间',
        dataIndex: 'recordDate'
      },
      {
        align: 'center',
        title: '操作',
        dataIndex: 'action',
        scopedSlots: { customRender: 'action' }
      }
    ],
     // 会商
  '6838747468921323136': [
      {
        align: 'center',
        title: '序号',
        width: 100,
        dataIndex: 'order',
        scopedSlots: { customRender: 'order' }
      },
      {
        align: 'center',
        title: '会商时间',
        dataIndex: 'conTime'

      },
      {
        align: 'center',
        title: '会商主持人',
        dataIndex: 'conHost'

      },
      {
        align: 'center',
        title: '涉稳动态',
        dataIndex: 'trends'

      },
      {
        align: 'center',
        title: '预警性信息',
        dataIndex: 'earlyWarning'

      },
      {
        align: 'center',
        title: '核查反馈',
        dataIndex: 'feedback'

      },
      {
        align: 'center',
        title: '下周（月）主要工作及对策建议',
        dataIndex: 'suggestions'

      },
      {
        align: 'center',
        title: '需重点协调关注事项',
        dataIndex: 'matter'

      },
      {
        align: 'center',
        title: '备注',
        dataIndex: 'remark'

      },
      {
        align: 'center',
        title: '当日（本周、本月）主要工作',
        dataIndex: 'mainWork'

      },
      // {
      //   align: 'center',
      //   title: '单位',
      //   dataIndex: 'depart',
      //   scopedSlots: { customRender: 'depart' },
      //
      // },
      // {
      //   align: 'center',
      //   title: '时间',
      //   dataIndex: 'recordDate'

      //   // scopedSlots: { customRender: 'recordDate' }
      // },
      {
        align: 'center',
        title: '操作',
        dataIndex: 'action',
        scopedSlots: { customRender: 'action' }
      }
    ],
    // 网民热点关注表
  '5838747468912348516': [
      {
        align: 'center',
        title: '序号',
        dataIndex: 'order',
        scopedSlots: { customRender: 'order' }
      },
      {
        align: 'center',
        title: '热点问题',
        dataIndex: 'hotInformation'
      },
      {
        align: 'center',
        title: '舆情风险',
        dataIndex: 'publicOpinionRisk'
      },
      {
        align: 'center',
        title: '工作建议',
        dataIndex: 'workProposal'
      },
      // {
      //   align: 'center',
      //   title: '单位',
      //   dataIndex: 'depart'
      // },
      {
        align: 'center',
        title: '时间',
        dataIndex: 'recordDate'
      },
      {
        align: 'center',
        title: '操作',
        dataIndex: 'action',
        scopedSlots: { customRender: 'action' }
      }
    ],
    // 网民晚报
  '5838747468921323136': [
      {
        align: 'center',
        title: '序号',
        width: 100,
        dataIndex: 'order',
        scopedSlots: { customRender: 'order' }
      },
      {
        align: 'center',
        title: '⽹上反应',
        dataIndex: 'onlineResponse',
        scopedSlots: { customRender: 'onlineResponse' }
        // ellipsis: true,
        // width: 200

      },
      {
        align: 'center',
        title: '具体内容',
        dataIndex: 'feedbackResults'
        // scopedSlots: { customRender: 'feedbackResults' }

      },
      {
        align: 'center',
        title: '办理情况',
        dataIndex: 'dealWithSituation'
        // scopedSlots: { customRender: 'dealWithSituation' }

      },
      // {
      //   align: 'center',
      //   title: '文章链接',
      //   dataIndex: 'textLink'
      //   // scopedSlots: { customRender: 'textLink' }

      // },
      {
        align: 'center',
        title: '操作',
        dataIndex: 'action',
        scopedSlots: { customRender: 'action' }
      }
    ],
    // ⽹络舆情⻛险报送表
    '6838747468921123458': [
      {
        align: 'center',
        title: '序号',
        width: 100,
        dataIndex: 'order',
        scopedSlots: { customRender: 'order' }
      },
      {
        align: 'center',
        title: '风险点',
        dataIndex: 'riskPoint',
        // scopedSlots: { customRender: 'riskPoint' },
        ellipsis: true,
        width: 200

      },
      {
        align: 'center',
        title: '事项',
        dataIndex: 'matters'
        // scopedSlots: { customRender: 'matters' }

      },
      {
        align: 'center',
        title: '分析研判',
        dataIndex: 'analysisJudge'
        // scopedSlots: { customRender: 'analysisJudge' }

      },
      {
        align: 'center',
        title: '属地',
        dataIndex: 'territory'
        // scopedSlots: { customRender: 'territory' }

      },
      {
        align: 'center',
        title: '上报账号',
        dataIndex: 'depart'
        // scopedSlots: { customRender: 'depart' }

      },
      {
        align: 'center',
        title: '状态',
        dataIndex: 'dutyStatus',
        scopedSlots: { customRender: 'dutyStatus' }

      }
      // {
      //   align: 'center',
      //   title: '操作',
      //   dataIndex: 'action',
      //   scopedSlots: { customRender: 'action' }
      // }
    ]
};

export default {
  inject: ['toURL', 'setTitle'],
  components: {
    Historys,
    UploadImageMutil
  },
  data() {
    return {
      dataShow: false,
      dataForm: {
        front: '80',
        back: '10'
      },
      active: [],
      selectData: {},
      query: [
        // {
        //   key: 'title',
        //   type: 'input',
        //   label: '关键词'
        // },
        // {
        //   key: 'time',
        //   type: 'date',
        //   label: '时间'
        // },
        {
          key: 'source',
          type: 'input',
          label: '来源'
        },
        {
          key: 'category',
          type: 'input',
          label: '类别'
        },
        {
          key: 'territory',
          type: 'select',
          label: '属地',
          options: []
        },
        {
          key: 'depart',
          type: 'select',
          label: '部门',
          options: []
        },
        {
          key: 'eventProc',
          type: 'select',
          label: '完结情况',
          options: [{
            label: '已完结',
            value: 0
          },
          {
            label: '未完结',
            value: 1
          }]
        }
        // {
        //   key: 'temp',
        //   type: 'select',
        //   label: '日期',
        //   options: [{
        //     label: '今天',
        //     value: moment().format('YYYY-MM-DD') + ' 00:00:00' + ',' + moment().format('YYYY-MM-DD') + ' 23:59:59'
        //   },
        //   {
        //     label: '昨天',
        //     value: moment().add('day', -1).format('YYYY-MM-DD') + ' 00:00:00' + ',' + moment().add('day', -1).format('YYYY-MM-DD') + ' 23:59:59'
        //   }
        // ]
        // }
      ],
      history: [
        // {
        //   title: 'XXX事件名称',
        //   time: '2022-02-02 20:00',
        //   statusText: '已完成'
        // }
      ],
      historyDetp: [

      ],
      config: {
        rowKey: 'uid',
        // bindexed: true,
        dataSource: [],
        columns: [],
        pagination: {
          total: 0
        }
      },
      id: '',
      time: '',
      api: {
        '5831651651651248516': '/web/reportDuty/query_publicOpinionInformation',
        '5838744128921248516': '/web/reportDuty/query_opinionEveryWeek',
        '5838747468912348516': '/web/reportDuty/query_topicsOfInternetUsers',
        '5838747468921223136': '/web/reportDuty/query_dailyDutyRecord'
      },
      queryParams: {
        pageNo: 1,
        pageSize: 10
      },
      isSearch: false,
      showToday: false
    };
  },
  created() {
    this.setTitle();
    this.$route.meta.title = this.$route.query.title;

    this.id = this.$route.query.id;
    this.config.columns = columns[this.id];
    this.queryParams.dutyId = this.id;

    // if (this.id !== '5838747468921223136') {
    //   this.query.splice(this.query.length - 1, 1);
    // }

    this.address();
    this.queryDepart();
  },
  computed: {
    formatLink() {
      return function(e) {
        if (!e) return '';
        e = removeHTMLTags(e);
        const m = e.match('(https?|ftp|file)://[-A-Za-z0-9+&@#/%?=~_|!:,.;]+[-A-Za-z0-9+&@#/%=~_|]');
        if (m) {
          e = encodeURIComponent(e).replace(new RegExp(encodeURIComponent(m[0]), 'g'), ``);
          e = decodeURIComponent(e).substring(0, 50) + (decodeURIComponent(e).length > 50 ? '...' : '');
          e = e + `<br><a target="_blank" href="${m[0]}">${m[0]}</a>`;
        } else {
          e = e.substring(0, 50) + ((e).length > 50 ? '...' : '');
        }
        return (e);
      };
    },
    deptGroup() {
      return function(arr) {
        console.log(groupBy(arr, 'departName'));
        return groupBy(arr, 'departName');
      };
    }
  },
  methods: {
    writeEventInfo() {
      const that = this;
      writeEventInfo(this.queryParams).then(res => {
        console.log('[res]', res);
        if (res.data.type === 'application/json') {
          const reader = new FileReader();
          reader.onload = function() {
            const message = JSON.parse(reader.result).msg;
            that.$message.error(message); // 将错误信息显示出来
          };
          reader.readAsText(res.data);
          return;
        }

        const blob = new Blob([res.data], { type: 'application/vnd.ms-excel' });
        const filename = `搜索结果.xls`;

        if (window.navigator.msSaveOrOpenBlob) { // 兼容IE10
              navigator.msSaveBlob(blob, filename);
        } else {
          // 创建一个超链接，将文件流赋进去，然后实现这个超链接的单击事件
          const elink = document.createElement('a');
          elink.download = filename;
          elink.style.display = 'none';
          elink.href = URL.createObjectURL(blob);
          document.body.appendChild(elink);
          elink.click();
          URL.revokeObjectURL(elink.href); // 释放URL 对象
          document.body.removeChild(elink);
        }
      });
    },
    save(type) {
      addBeOnDuty({
          entity: this.config.dataSource,
          recordDate: moment().format('YYYY-MM-DD HH:mm:ss')
        }).then(res => {
          this.ExportTemplate(type);
        });
      // this.$refs.history.save(true, () => {
      //   this.$refs.history.showNowData = true;
      // });
      // this.$refs.history.showNowData = true
    },
    look(item) {
      this.$router.push({ path: '/detail', query: { id: item.id, typeId: item.typeId, key: 'cz', type: item.eventType } });
    },
    ExportTemplate(type) {
      const ids = this.config.dataSource.map(e => e.id);
      if (!ids.length) {
        this.$message.error('没有数据！');
        return;
      }
      let form = {};
      if (type == 'today') {
        form = {
          start: moment().format('YYYY-MM-DD'),
          end: moment().format('YYYY-MM-DD')
        };
      }
      const that = this;
      this.$confirm({
        title: '温馨提示',
        content: '确定要保存并导出吗？',
        onOk() {
          ExportTemplate({
            dutyId: that.id,
            reportId: ids.join(','),
            ...form
          }).then(res => {
            // that.$message.success(res.msg);
            const blob = new Blob([res], { type: 'application/vnd.ms-excel' });

            const filename = `${that.$route.meta.title}-${moment().format('YYYYMMDDHHmmss')}.xls`;

            if (window.navigator.msSaveOrOpenBlob) { // 兼容IE10
                  navigator.msSaveBlob(blob, filename);
            } else {
              // 创建一个超链接，将文件流赋进去，然后实现这个超链接的单击事件
              const elink = document.createElement('a');
              elink.download = filename;
              elink.style.display = 'none';
              elink.href = URL.createObjectURL(blob);
              document.body.appendChild(elink);
              elink.click();
              URL.revokeObjectURL(elink.href); // 释放URL 对象
              document.body.removeChild(elink);
            }
          });
        }
      });
    },
    address() {
      address().then(res => {
        this.query[2].options = [{
            label: '全部',
            value: ''
          }].concat(res.data.map(e => {
            return {
              label: e.title,
              value: e.title
            };
          }));
      });
    },
    queryDepart() {
      queryDepart({
        pageNo: 1,
        pageSize: 1000
      }).then(res => {
        this.query[3].options = [{
            label: '全部',
            value: ''
          }].concat(res.data.map(e => {
            return {
              label: e.depart,
              value: e.id
            };
          }));
      });
    },
    search(params) {
      console.log(params);
      params = cloneDeep(params);
      this.isSearch = true;
      if (params) {
        if (params.temp) {
          const temp = params.temp.split(',');
          params.startTime = temp[0];
          params.endTime = temp[1];
          delete params.temp;
        }
        Object.assign(
          this.queryParams,
          {
            ...params,
            title: params.title,
            start: params.startTime || this.queryParams.start,
            end: params.endTime || this.queryParams.end
          }
        );
      }
      this.$refs.htable.refresh();
    },
    getList(params) {
      if (params) {
        Object.assign(this.queryParams, params);
      }
      getHistory(this.queryParams).then(res => {
        this.config.dataSource = res.data.records.map((e, i) => {
          return {
            ...e,
            more: false,
            uid: i,
            loadingImage: false
          };
        }) || [];
        this.config.pagination.total = res.data.total;
      });
    },
    remove({ id }) {
      const that = this;
      this.$confirm({
        title: '温馨提示',
        content: '是否确认要删除？',
        onOk() {
          delHistory({
            isDelete: -1,
            id
          }).then(res => {
            that.$refs.htable.refresh();
            that.$message.success('删除成功');
          });
        }
      });
    },
    changeURL(img, id, record) {
      record.loadingImage = true;
      const imgArr = img.split(',');
      updateEventImg({
        id,
        img: imgArr[imgArr.length - 1]
      }).then(res => {
        this.$message.success('更新图片成功');
        this.$refs.htable.refresh();
      }).finally(() => {
        record.loadingImage = false;
      });
    },
    showTodayApi(e) {
      if (e.target.checked) {
        this.queryParams.start = moment().add('day', -1).format('YYYY-MM-DD') + ' 00:00:00';
        this.queryParams.end = moment().format('YYYY-MM-DD') + ' 23:59:59';
        this.$refs.htable.refresh();
      } else {
        delete this.queryParams.start;
        delete this.queryParams.end;
        this.$refs.htable.refresh();
      }
    }

  }
};
</script>

<style scoped lang="less">
  .verify-data {
    .verify--btn {
      position: absolute;
      right: 0;
      top: 0;
    }
    .verify-list {
      margin-left: -34px;
      margin-bottom: 16px;
      border-bottom: 1px solid #ddd;
      padding-bottom: 12px;
      .verify-list--scroll {
        height: 480px;
        overflow-y: scroll;
        overflow-x: hidden;
        &::-webkit-scrollbar-thumb {
          border-radius: 10px;
          background: #1F3B8A;
        }
        &::-webkit-scrollbar-track {
          border-radius: 10px;
          background: #EDEDED;
        }
        &::-webkit-scrollbar {
          width: 6px;
          height: 1px;
        }
      }
      &:last-child {
        margin-bottom: 0;
        border: none;
      }

      .verify-label {
        padding-left: 42px;
      }
    }
    .verify-label {
      font-size: 17px;
      font-weight: 600;
      color: #333;
      // padding-left: 42px;
      margin-bottom: 16px;
    }
    .verify-btn {
      position: absolute;
      right: 0;
      top: 0;
    }
    .verify-each {
      padding: 12px 12px;
      padding-left: 42px;
      box-sizing: border-box;
      // border-radius: 4px;
      position: relative;
      width: 94%;
      margin-left: 6%;
      cursor: pointer;
      &:hover {
        background: rgba(31, 59, 138, 0.05);
      }
      &.active {
        background: rgba(31, 59, 138, 0.1);
        &::before {
          content: ' ';
          position: absolute;
          left: 0;
          // border-radius: 10px;
          background: #1F3B8A;
          width: 4px;
          height: 100%;
          top: 0;
        }
      }
      p {
        margin: 0;
      }
      >p:first-child {
        font-size: 14px;
        font-weight: 500;
        color: #333;
        margin-bottom: 2px;
      }
    }
  }
  .selectall {
    position: absolute;
    right: 12px;
    top: 0;
    z-index: 222;
  }
  .verify-footer {
    text-align: right;
    margin-top: 20px;
  }
</style>
<style lang="less">
.verify-data2 {
  .verify-data {
    padding: 0 !important;
    width: 100% !important;
  }
}
.e-ask {
  padding: 8px 0;
}
.e-ask:not(:last-child) {
  border-bottom: 1px solid #efefef;
}
</style>
